<!--
/**
 * 车辆信息 列表页 JS 脚本
 * @author 金杰 , maillank@qq.com
 * @since 2022-07-21 17:43:14
 */
 -->
<!DOCTYPE html>
<html style="background-color: #FFFFFF;">

<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta charset="utf-8"/>
    <title th:text="${lang.translate('车辆信息')}">车辆信息</title>
    <link th:if(theme.ico!="null") rel="shortcut icon" th:href="${theme.ico}" type="image/vnd.microsoft.icon">
    <link th:if(theme.ico!="null") rel="icon" th:href="theme.ico" type="image/vnd.microsoft.icon">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="/assets/libs/layui/css/layui.css" th:href="'/assets/libs/layui/css/layui.css?'+${cacheKey}"/>
    <link rel="stylesheet" href="/assets/css/admin.css" th:href="'/assets/css/admin.css?'+${cacheKey}"/>
    <link rel="stylesheet" href="/assets/libs/toast/css/toast.css" type="text/css" th:href="'/assets/libs/toast/css/toast.css?'+${cacheKey}">
    <link rel="stylesheet" href="/assets/css/foxnic-web.css" th:href="'/assets/css/foxnic-web.css?'+${cacheKey}"/>
    <link href="/assets/libs/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
    <link href="/assets/libs/material-design-webfont/css/material-design-icons-min.css" rel="stylesheet">
    <script th:inline="javascript">var foxnic_cachekey=[[${cacheKey}]];</script>
    <style>
    </style>
    <link th:each="css:${theme.css}" rel="stylesheet" th:href="${css}+'?'+${cacheKey}">
</head>

<body style="overflow-y: hidden;">
<div class="form-container" >

    <form id="data-form" lay-filter="data-form" class="layui-form model-form" style="display:none">

        <input name="id" id="id"  type="hidden"/>

        <!--开始：group 循环-->


        <fieldset class="layui-elem-field layui-field-title form-group-title" id="random-5104-fieldset">
            <legend>基本信息</legend>
        </fieldset>

        <div class="layui-row form-row" id="random-5104-content">

            <!--开始：column 循环-->
            <!-- 只有当非第一个分组没有title时才使 padding-top 为 0 -->
            <div class="layui-col-xs3 form-column" >


                <div class="layui-form-item" >
                    <div class="layui-form-label "><div th:text="${lang.translate('车辆状态')}">车辆状态</div><div class="layui-required">*</div></div>
                    <div class="layui-input-block ">
                        <div id="vehicleStatus" input-type="select" th:data="${'/service-system/sys-dict-item/query-list?dictCode=vehicle_status'}" extraParam="{}"></div>
                    </div>
                </div>



                <div class="layui-form-item" >
                    <div class="layui-form-label "><div th:text="${lang.translate('车辆类型')}">车辆类型</div><div class="layui-required">*</div></div>
                    <div class="layui-input-block ">
                        <div id="type" input-type="select" th:data="${'/service-system/sys-dict-item/query-list?dictCode=vehicle_type'}" extraParam="{}"></div>
                    </div>
                </div>


                <div class="layui-form-item" >
                    <div class="layui-form-label "><div th:text="${lang.translate('登记人')}">登记人</div></div>
                    <div class="layui-input-block ">
                        <input lay-filter="registrant" id="registrant" name="registrant" th:placeholder="${ lang.translate('请输入') +''+ lang.translate('登记人') }" type="text" class="layui-input"  />
                    </div>
                </div>


                <div class="layui-form-item" >
                    <div class="layui-form-label "><div th:text="${lang.translate('数量')}">数量</div></div>
                    <div class="layui-input-block ">
                        <input lay-filter="vehicleCount" id="vehicleCount" name="vehicleCount" th:placeholder="${ lang.translate('请输入') +''+ lang.translate('数量') }" type="text" class="layui-input"   autocomplete="off" input-type="number_input" integer="true" decimal="false" allow-negative="true" step="1.0"   scale="0" />
                    </div>
                </div>


                <!--结束：栏次内字段循环-->
            </div>
            <!--开始：column 循环-->
            <!-- 只有当非第一个分组没有title时才使 padding-top 为 0 -->
            <div class="layui-col-xs3 form-column" >

                <div class="layui-form-item" >
                    <div class="layui-form-label "><div th:text="${lang.translate('保险公司')}">保险公司</div></div>
                    <div class="layui-input-block ">
                        <input lay-filter="insuranceCompany" id="insuranceCompany" name="insuranceCompany" th:placeholder="${ lang.translate('请输入') +''+ lang.translate('保险公司') }" type="text" class="layui-input"  />
                    </div>
                </div>


                <div class="layui-form-item" >
                    <div class="layui-form-label "><div th:text="${lang.translate('商业险到期')}">商业险到期</div></div>
                    <div class="layui-input-block ">
                        <input input-type="date" lay-filter="insuranceExpireDate" id="insuranceExpireDate" name="insuranceExpireDate"  autocomplete="off"  readonly  th:placeholder="${ lang.translate('请选择') +''+ lang.translate('商业险到期') }" type="text" class="layui-input"    lay-verify=""   />
                    </div>
                </div>


                <div class="layui-form-item" >
                    <div class="layui-form-label "><div th:text="${lang.translate('抢险到期')}">抢险到期</div></div>
                    <div class="layui-input-block ">
                        <input input-type="date" lay-filter="rescueDueDate" id="rescueDueDate" name="rescueDueDate"  autocomplete="off"  readonly  th:placeholder="${ lang.translate('请选择') +''+ lang.translate('抢险到期') }" type="text" class="layui-input"    lay-verify=""   />
                    </div>
                </div>

                <div class="layui-form-item" >
                    <div class="layui-form-label "><div th:text="${lang.translate('存放位置')}">存放位置</div></div>
                    <div class="layui-input-block ">
                        <input lay-filter="positionDetail" id="positionDetail" name="positionDetail" th:placeholder="${ lang.translate('请输入') +''+ lang.translate('存放位置') }" type="text" class="layui-input"  />
                    </div>
                </div>

                <!--结束：栏次内字段循环-->
            </div>
            <!--开始：column 循环-->
            <!-- 只有当非第一个分组没有title时才使 padding-top 为 0 -->
            <div class="layui-col-xs3 form-column" >

                <div class="layui-form-item" >
                    <div class="layui-form-label "><div th:text="${lang.translate('所属组织')}">所属组织</div></div>
                    <div class="layui-input-block ">
                        <input lay-filter="ownerOrgId" id="ownerOrgId" name="ownerOrgId"  type="hidden" class="layui-input"   />
                        <button id="ownerOrgId-button" type="button" action-type="org-dialog" class="layui-btn   " style="width: 100%"> <i class='layui-icon layui-icon-search'></i> <span th:text="${lang.translate('请选择公司')}" th:default-label="${lang.translate('请选择公司')}">按钮文本</span></button>
                    </div>
                </div>

                <div class="layui-form-item" >
                    <div class="layui-form-label "><div th:text="${lang.translate('使用部门')}">使用部门</div></div>
                    <div class="layui-input-block ">
                        <input lay-filter="useOrgId" id="useOrgId" name="useOrgId"  type="hidden" class="layui-input"   />
                        <button id="useOrgId-button" type="button" action-type="org-dialog" class="layui-btn   " style="width: 100%"> <i class='layui-icon layui-icon-search'></i> <span th:text="${lang.translate('请选择组织节点')}" th:default-label="${lang.translate('请选择组织节点')}">按钮文本</span></button>
                    </div>
                </div>

                <div class="layui-form-item" >
                    <div class="layui-form-label "><div th:text="${lang.translate('使用人')}">使用人</div></div>
                    <div class="layui-input-block ">
                        <input lay-filter="useUserId" id="useUserId" name="useUserId"  type="hidden" class="layui-input"   />
                        <button id="useUserId-button" type="button" action-type="emp-dialog" class="layui-btn   " style="width: 100%"> <i class='layui-icon layui-icon-search'></i> <span th:text="${lang.translate('请选择人员')}" th:default-label="${lang.translate('请选择人员')}">按钮文本</span></button>
                    </div>
                </div>

                <!--结束：栏次内字段循环-->
            </div>
            <!--开始：column 循环-->
            <!-- 只有当非第一个分组没有title时才使 padding-top 为 0 -->
            <div class="layui-col-xs3 form-column" >


                <div class="layui-form-item" >
                    <div class="layui-form-label "><div th:text="${lang.translate('抢险(元)')}">抢险(元)</div></div>
                    <div class="layui-input-block ">
                        <input lay-filter="rescueMoney" id="rescueMoney" name="rescueMoney" th:placeholder="${ lang.translate('请输入') +''+ lang.translate('抢险(元)') }" type="text" class="layui-input"   autocomplete="off" input-type="number_input" integer="false" decimal="true" allow-negative="true" step="1.0"   scale="2" />
                    </div>
                </div>



                <div class="layui-form-item" >
                    <div class="layui-form-label "><div th:text="${lang.translate('车船税')}">车船税</div></div>
                    <div class="layui-input-block ">
                        <input lay-filter="carBoatTax" id="carBoatTax" name="carBoatTax" th:placeholder="${ lang.translate('请输入') +''+ lang.translate('车船税') }" type="text" class="layui-input"   autocomplete="off" input-type="number_input" integer="false" decimal="true" allow-negative="true" step="1.0"   scale="2" />
                    </div>
                </div>



                <div class="layui-form-item" >
                    <div class="layui-form-label "><div th:text="${lang.translate('商业险(元)')}">商业险(元)</div></div>
                    <div class="layui-input-block ">
                        <input lay-filter="commercialInsuranceMoney" id="commercialInsuranceMoney" name="commercialInsuranceMoney" th:placeholder="${ lang.translate('请输入') +''+ lang.translate('商业险(元)') }" type="text" class="layui-input"   autocomplete="off" input-type="number_input" integer="false" decimal="true" allow-negative="true" step="1.0"   scale="2" />
                    </div>
                </div>


                <!--结束：栏次内字段循环-->
            </div>
            <!--结束：栏次输入框循环-->
        </div>
        <!--开始：group 循环-->


        <fieldset class="layui-elem-field layui-field-title form-group-title" id="random-0248-fieldset">
            <legend>车辆信息</legend>
        </fieldset>

        <div class="layui-row form-row" id="random-0248-content">

            <!--开始：column 循环-->
            <!-- 只有当非第一个分组没有title时才使 padding-top 为 0 -->
            <div class="layui-col-xs3 form-column" >

                <div class="layui-form-item" >
                    <div class="layui-form-label "><div th:text="${lang.translate('名称')}">名称</div><div class="layui-required">*</div></div>
                    <div class="layui-input-block ">
                        <input lay-filter="name" id="name" name="name" th:placeholder="${ lang.translate('请输入') +''+ lang.translate('名称') }" type="text" class="layui-input"    lay-verify="|required"  />
                    </div>
                </div>

                <div class="layui-form-item" >
                    <div class="layui-form-label "><div th:text="${lang.translate('品牌型号')}">品牌型号</div><div class="layui-required">*</div></div>
                    <div class="layui-input-block ">
                        <input lay-filter="model" id="model" name="model" th:placeholder="${ lang.translate('请输入') +''+ lang.translate('品牌型号') }" type="text" class="layui-input"    lay-verify="|required"  />
                    </div>
                </div>

                <div class="layui-form-item" >
                    <div class="layui-form-label "><div th:text="${lang.translate('颜色')}">颜色</div></div>
                    <div class="layui-input-block ">
                        <input lay-filter="color" id="color" name="color" th:placeholder="${ lang.translate('请输入') +''+ lang.translate('颜色') }" type="text" class="layui-input"  />
                    </div>
                </div>

                <!--结束：栏次内字段循环-->
            </div>
            <!--开始：column 循环-->
            <!-- 只有当非第一个分组没有title时才使 padding-top 为 0 -->
            <div class="layui-col-xs3 form-column" >

                <div class="layui-form-item" >
                    <div class="layui-form-label "><div th:text="${lang.translate('车牌号')}">车牌号</div><div class="layui-required">*</div></div>
                    <div class="layui-input-block ">
                        <input lay-filter="vehicleCode" id="vehicleCode" name="vehicleCode" th:placeholder="${ lang.translate('请输入') +''+ lang.translate('车牌号') }" type="text" class="layui-input"    lay-verify="|required"  />
                    </div>
                </div>

                <div class="layui-form-item" >
                    <div class="layui-form-label "><div th:text="${lang.translate('行驶证')}">行驶证</div></div>
                    <div class="layui-input-block ">
                        <input lay-filter="drivingLicense" id="drivingLicense" name="drivingLicense" th:placeholder="${ lang.translate('请输入') +''+ lang.translate('行驶证') }" type="text" class="layui-input"  />
                    </div>
                </div>


                <div class="layui-form-item" >
                    <div class="layui-form-label "><div th:text="${lang.translate('公里数')}">公里数</div></div>
                    <div class="layui-input-block ">
                        <input lay-filter="kilometers" id="kilometers" name="kilometers" th:placeholder="${ lang.translate('请输入') +''+ lang.translate('公里数') }" type="text" class="layui-input"   autocomplete="off" input-type="number_input" integer="false" decimal="true" allow-negative="true" step="1.0"   scale="0" />
                    </div>
                </div>


                <!--结束：栏次内字段循环-->
            </div>
            <!--开始：column 循环-->
            <!-- 只有当非第一个分组没有title时才使 padding-top 为 0 -->
            <div class="layui-col-xs3 form-column" >

                <div class="layui-form-item" >
                    <div class="layui-form-label "><div th:text="${lang.translate('发动机号')}">发动机号</div></div>
                    <div class="layui-input-block ">
                        <input lay-filter="engineNumber" id="engineNumber" name="engineNumber" th:placeholder="${ lang.translate('请输入') +''+ lang.translate('发动机号') }" type="text" class="layui-input"  />
                    </div>
                </div>

                <div class="layui-form-item" >
                    <div class="layui-form-label "><div th:text="${lang.translate('车架号')}">车架号</div></div>
                    <div class="layui-input-block ">
                        <input lay-filter="frameNumber" id="frameNumber" name="frameNumber" th:placeholder="${ lang.translate('请输入') +''+ lang.translate('车架号') }" type="text" class="layui-input"  />
                    </div>
                </div>

                <!--结束：栏次内字段循环-->
            </div>
            <!--开始：column 循环-->
            <!-- 只有当非第一个分组没有title时才使 padding-top 为 0 -->
            <div class="layui-col-xs3 form-column" >


                <div class="layui-form-item" >
                    <div class="layui-form-label "><div th:text="${lang.translate('上牌时间')}">上牌时间</div></div>
                    <div class="layui-input-block ">
                        <input input-type="date" lay-filter="licensingTime" id="licensingTime" name="licensingTime"  autocomplete="off"  readonly  th:placeholder="${ lang.translate('请选择') +''+ lang.translate('上牌时间') }" type="text" class="layui-input"    lay-verify=""   />
                    </div>
                </div>


                <div class="layui-form-item" >
                    <div class="layui-form-label "><div th:text="${lang.translate('报废时间')}">报废时间</div></div>
                    <div class="layui-input-block ">
                        <input input-type="date" lay-filter="scrapTime" id="scrapTime" name="scrapTime"  autocomplete="off"  readonly  th:placeholder="${ lang.translate('请选择') +''+ lang.translate('报废时间') }" type="text" class="layui-input"    lay-verify=""   />
                    </div>
                </div>

                <!--结束：栏次内字段循环-->
            </div>
            <!--结束：栏次输入框循环-->
        </div>
        <!--开始：group 循环-->



        <div class="layui-row form-row" id="random-5923-content">

            <!--开始：column 循环-->
            <!-- 只有当非第一个分组没有title时才使 padding-top 为 0 -->
            <div class="layui-col-xs12 form-column"  style="padding-top: 0px" >


                <div class="layui-form-item" >
                    <div class="layui-form-label "><div th:text="${lang.translate('技术参数')}">技术参数</div></div>
                    <div class="layui-input-block ">
                        <textarea lay-filter="technicalParameter" id="technicalParameter" name="technicalParameter" th:placeholder="${ lang.translate('请输入') +''+ lang.translate('技术参数') }" class="layui-textarea" style="height: 120px" ></textarea>
                    </div>
                </div>



                <div class="layui-form-item" >
                    <div class="layui-form-label "><div th:text="${lang.translate('备注')}">备注</div></div>
                    <div class="layui-input-block ">
                        <textarea lay-filter="notes" id="notes" name="notes" th:placeholder="${ lang.translate('请输入') +''+ lang.translate('备注') }" class="layui-textarea" style="height: 120px" ></textarea>
                    </div>
                </div>



                <div class="layui-form-item" >
                    <div class="layui-form-label "><div th:text="${lang.translate('图片')}">图片</div></div>
                    <div class="layui-upload layui-input-block ">
                        <input input-type="upload" id="pictures"  name="pictures" lay-filter="pictures" style="display: none">
                        <button type="button" class="layui-btn" id="pictures-button" th:text="${lang.translate('选择图片')}">选择图片</button>
                        <div class="layui-upload-list" id="pictures-file-list"></div>
                    </div>
                </div>



                <!--结束：栏次内字段循环-->
            </div>
            <!--结束：栏次输入框循环-->
        </div>
        <!--结束：group循环-->

        <div style="height: 8px"></div>
        <div style="height: 120px"></div>


    </form>

</div>
<div class="model-form-footer">
    <button class="layui-btn layui-btn-primary" id="cancel-button" lay-filter="cancel-button" type="button" th:text="${lang.translate('取消')}" >取消</button>
    <button th:if="${perm.checkAnyAuth('vehicle_info:create','vehicle_info:update','vehicle_info:save')}" class="layui-btn" style="margin-right: 15px;display: none;"  id="submit-button" lay-filter="submit-button" lay-submit th:text="${lang.translate('保存')}">保存</button>
</div>

<script type="text/javascript" src="/module/global.js" th:src="'/module/global.js?'+${cacheKey}"></script>
<script type="text/javascript" src="/assets/libs/jquery-3.2.1.min.js" th:src="'/assets/libs/jquery-3.2.1.min.js?'+${cacheKey}"></script>
<script type="text/javascript" src="/assets/libs/pandyle.min.js" th:src="'/assets/libs/pandyle.min.js?'+${cacheKey}"></script>
<script type="text/javascript" src="/assets/libs/layui/layui.js" th:src="'/assets/libs/layui/layui.js?'+${cacheKey}"></script>
<script type="text/javascript" src="/assets/libs/toast/js/toast.js" th:src="'/assets/libs/toast/js/toast.js?'+${cacheKey}"></script>
<script th:inline="javascript">
    var LAYUI_TABLE_WIDTH_CONFIG = [[${layuiTableWidthConfig}]];
    var VALIDATE_CONFIG={"rescueDueDate":{"date":true,"labelInForm":"抢险到期","inputType":"date_input"},"name":{"labelInForm":"名称","inputType":"text_input","required":true},"licensingTime":{"date":true,"labelInForm":"上牌时间","inputType":"date_input"},"vehicleCode":{"labelInForm":"车牌号","inputType":"text_input","required":true},"model":{"labelInForm":"品牌型号","inputType":"text_input","required":true},"insuranceExpireDate":{"date":true,"labelInForm":"商业险到期","inputType":"date_input"},"type":{"labelInForm":"车辆类型","inputType":"select_box","required":true},"scrapTime":{"date":true,"labelInForm":"报废时间","inputType":"date_input"},"vehicleStatus":{"labelInForm":"车辆状态","inputType":"select_box","required":true}};
    var AUTH_PREFIX="vehicle_info";


</script>



<script th:src="'/business/vehicle/info/info_ext.js?'+${cacheKey}"></script>
<script th:src="'/business/vehicle/info/info_form.js?'+${cacheKey}"></script>

</body>
</html>